﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="azjz.aspx.cs" Inherits="azjz" %>

<%@ Register Assembly="System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"
    Namespace="System.Web.UI" TagPrefix="asp" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>▒ 恋婷滑动门技术</title>
<style media="screen" type="text/css">
<!--
*{font-size:12px;}
html,body{margin:0;text-align:center;over-flow:hidden;height:100%;width:100%;}
UL{list-style-type:none; margin:0px;}
/* 标准盒模型 */
.ttl{height:18px;}
.ctt{height:auto;padding:6px;clear:both;border:1px solid #064ca1;border-top:0;text-align:left;}
.w936{margin:2px 0;clear:both;width:936px;/*这里调整整个滑动门的宽度*/}
/* TAB 切换效果 */
.tb_{background-image: url('http://bbs.blueidea.com/attachments/2007/4/29/20070429_b6d924afad052649402dWs8adqAyLtgi.gif'); background-repeat: repeat-x;background-color: #E6F2FF;}
.tb_ ul{height:24px;}
.tb_ li{float:left;height: 24px;line-height:1.9;width: 94px;cursor:pointer;}
/* 用于控制显示与隐藏的css类 */
.normaltab   { background-image:url('http://bbs.blueidea.com/attachments/2007/4/29/20070429_1bd9c293199c87ac974auuJXlsPMeKDq.gif'); background-repeat: no-repeat; color:#1F3A87 ;}
.hovertab    { background-image: url('http://bbs.blueidea.com/attachments/2007/4/29/20070429_55976880c7b020703a18yOxpDn5WBaHd.gif'); background-repeat: no-repeat; color:#1F3A87; font-weight:bold }
.dis{display:block;}
.undis{display:none;}
-->
</style>
<script type="text/javascript" language="javascript">
//<!CDATA[
   function g(o)
   {
    return document.getElementById(o);
    }
function HoverLi(n){

for(var i=1;i<=4;i++)//如果有N个标签,就将i<=N;/本功能非常OK,兼容IE7,FF,IE6;http://www.xiaogezi.cn/ [小鸽子]系列
 {
  g('tb_'+i).className='normaltab';
  g('tbc_0'+i).className='undis';
 }
g('tbc_0'+n).className='dis';g('tb_'+n).className='hovertab';//如果要做成点击后再转到请将<li>中的onmouseover 改成 onclick;
}

//]]>
</script>

    
</head>
<body>
 
    <form id="form1" runat="server"> 
   <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <div class="w936">
 <div id="tb_" class="tb_">
   <ul>
    <li id="tb_1" class="hovertab"  onclick="HoverLi(1);">
    情报概要</li>
    <li id="tb_2" class="normaltab" onclick="HoverLi(2);">
    调兵遣将</li>
    <li id="tb_3" class="normaltab" onclick="HoverLi(3);">
    明修暗渡</li>
    <li id="tb_4" class="normaltab" onclick="HoverLi(4);">
    建筑说明</li>
 
   </ul>
 </div>

 <div class="ctt">


 <div class="dis" id="tbc_01"> 
 
   <div>本城部队 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
       &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 部队数量<asp:Label ID="Label1" runat="server" Font-Bold="True"
           Font-Strikeout="False" Font-Underline="False" Text="1"></asp:Label>支</div>
 
 <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" BackColor="White" BorderColor="#DEDFDE" BorderStyle="None" BorderWidth="1px" CellPadding="4" ForeColor="Black" GridLines="Vertical" Width="500px">
    <Columns>
    <asp:BoundField  DataField="s_no" HeaderText="编号"   />
    <asp:BoundField  DataField="sn" HeaderText="蛇女" />
    <asp:BoundField  DataField="tr" HeaderText="铁人" />
    <asp:BoundField  DataField="zr" HeaderText="侏儒" />
    </Columns>
     <FooterStyle BackColor="#CCCC99" />
     <RowStyle BackColor="#F7F7DE" />
     <SelectedRowStyle BackColor="#CE5D5A" Font-Bold="True" ForeColor="White" />
     <PagerStyle BackColor="#F7F7DE" ForeColor="Black" HorizontalAlign="Right" />
     <HeaderStyle BackColor="#6B696B" Font-Bold="True" ForeColor="White" />
     <AlternatingRowStyle BackColor="White" />
    </asp:GridView>
 </div> 
  <div class="undis" id="tbc_02">
<div style="background-color:lightgoldenrodyellow; width:500px">
      <asp:DropDownList ID="DropDownList1" runat="server">
      </asp:DropDownList>
      &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; 作战目标<asp:TextBox ID="TextBox1" runat="server" Width="120px">请输入作战目标</asp:TextBox>
      X坐标<asp:TextBox ID="TextBox2" runat="server" Width="50px"></asp:TextBox>Y坐标<asp:TextBox ID="TextBox3"
          runat="server" Width="50px"></asp:TextBox><br />
      &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;
      作战方式：<asp:RadioButton ID="RadioButton1" runat="server" Text="歼　灭" GroupName="ftway" /><asp:RadioButton
          ID="RadioButton2" runat="server" Text="掠　夺" GroupName="ftway" />
      <asp:RadioButton ID="RadioButton3" runat="server" Text="侦　查" GroupName="ftway" />
      <asp:RadioButton ID="RadioButton4" runat="server" Text="增　援" GroupName="ftway" /><br />
      &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;
      作战阵型：<asp:RadioButton ID="RadioButton5" runat="server" Text="随　机" GroupName="btarray" /><asp:RadioButton ID="RadioButton6" runat="server" Text="鱼鳞阵" GroupName="btarray" />
      <asp:RadioButton
          ID="RadioButton7" runat="server" Text="偃月阵" GroupName="btarray" />
      <asp:RadioButton ID="RadioButton8" runat="server" Text="鸳鸯阵" GroupName="btarray" /><br />
      </div>
  <br />
     <div style="background-color:lightgoldenrodyellow; width:500px">
       
    调兵遣将 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
      &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;点击绿色数字可直接填入对应数量<asp:Button ID="Button1" runat="server"
          Text="全军出击" OnClick="Button1_Click" /> </div>
          <br />  
          <asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
         <ContentTemplate>
         
         
       
      <table style="width:500px;" border="1">
          <tr>
              <td style="width: 50px">
                  兵种</td>
              <td style="width: 100px">
                  蛇女</td>
              <td style="width: 50px">
                  铁人</td>
               <td style="width: 100px">
                   侏儒</td>
          </tr>
          <tr>
              <td style="width: 50px">
                 出征</td>
              <td style="width: 100px">
                  <asp:TextBox ID="TextBox4" runat="server" Width="60px"></asp:TextBox> </td>
              <td style="width: 100px">
                <asp:TextBox ID="TextBox6" runat="server" Width="60px"></asp:TextBox></td>
               <td style="width: 100px">
                   <asp:TextBox ID="TextBox5" runat="server" Width="60px"></asp:TextBox></td>
          </tr>
          <tr>
              <td style="width: 50px">
                  当前</td>
              <td style="width: 100px">
                  (<asp:Label ID="Label2" runat="server" Text="0"></asp:Label>)
              </td>
              <td style="width: 100px">
                  (<asp:Label ID="Label3" runat="server" Text="0"></asp:Label>)</td>
               <td style="width: 100px">
                   (<asp:Label ID="Label4" runat="server" Text="0"></asp:Label>)</td>
          </tr>
          
      </table>
      
      </ContentTemplate>
         </asp:UpdatePanel>
      </div>
      
  <div class="undis" id="tbc_03">平面设计 的内容</div>
  <div class="undis" id="tbc_04">
        <table style="width:500px;  text-align: center" border="1"  >
            <thead style="font-size:10pt;background-color:White">中军帐是查看武将信息，发动各种军事行动的军事机关。当中军帐升级至10级或更高级别时，将可以指挥攻城器械部门进行精确打击。建造需求: 无
</thead>
            <tr>
            
                <td style="width: 50px; height: 20px; text-align: center;">
                    等级</td>
                <td style="width: 50px; height: 20px;">
                    木材</td>
                <td style="width: 50px; height: 20px;">
                    水晶</td>
                 <td style="width: 50px; height: 20px;">
                         石头</td>
                 <td style="width: 50px; height: 20px;">
                     宝石</td>
                 <td style="width: 80px; height: 20px;">
                          时间</td>
                 <td style="width: 80px; height: 20px;">
                         所占人口</td>
                 <td style="width: 50px; height: 20px;">
                         商业值</td>
            </tr>
            <tr>
                <td style="width: 50px; height: 19px;">
                    1</td>
                <td style="width: 50px; height: 19px;">
                    23</td>
                <td style="width: 50px; height: 19px;">
                    34</td>
                <td style="width: 50px; height: 19px;">
                    213</td>
                <td style="width: 50px; height: 19px;">
                    123</td>
                <td style="width: 80px; height: 19px;">
                    00:01:00</td>
                <td style="width: 80px; height: 19px;">
                    1</td>
                <td style="width: 50px; height: 19px;">
                    1</td>
            </tr>
            <tr>
                <td style="width: 50px; height: 16px;">
                    2</td>
                <td style="width: 50px; height: 16px;">
                    34</td>
                <td style="width: 50px; height: 16px;">
                    231</td>
                <td style="width: 50px; height: 16px;">
                    23</td>
                <td style="width: 50px; height: 16px;">
                    123</td>
                <td style="width: 80px; height: 16px;">
                    00:02:00</td>
                <td style="width: 80px; height: 16px;">
                    2</td>
                <td style="width: 50px; height: 16px;">
                    1</td>
            </tr>
                   <tr>
                <td style="width: 50px">
                    3</td>
                <td style="width: 50px">
                    56</td>
                <td style="width: 50px">
                    34</td>
                <td style="width: 50px">
                    23</td>
                <td style="width: 50px">
                    123</td>
                <td style="width:80px">
                    00:03:00</td>
                <td style="width: 80px">
                    3</td>
                <td style="width: 50px">
                    1</td>
            </tr>
                   <tr>
                <td style="width: 50px; height: 19px;">
                    4</td>
                <td style="width: 50px; height: 19px;">
                    67</td>
                <td style="width: 50px; height: 19px;">
                    213</td>
                <td style="width: 50px; height: 19px;">
                    123</td>
                <td style="width: 50px; height: 19px;">
                    123</td>
                <td style="width: 80px; height: 19px;">
                    00:04:00</td>
                <td style="width: 80px; height: 19px;">
                    4</td>
                <td style="width: 50px; height: 19px;">
                    1</td>
            </tr>
                   <tr>
                <td style="width: 50px">
                    5</td>
                <td style="width: 50px">
                    87</td>
                <td style="width: 50px">
                    898</td>
                <td style="width: 50px">
                    123</td>
                <td style="width: 50px">
                    123</td>
                <td style="width: 80px">
                    00:05:00</td>
                <td style="width: 80px">
                    5</td>
                <td style="width: 50px">
                    1</td>
            </tr>
        </table>
        </div>
  
  </div>
 </div>
</form>
<%--<hr author="http://xiaogezi.cn" size="1" noshade="noshade" style="color:#064ca1;margin-top:30px;" />--%>
</body>
</html>

